<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/singer_Info.min.css" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2246681_z8391akhn2j.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2238286_a5g8yva12el.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2237284_qox19kxb3xa.css">
    
    <link rel="stylesheet" href="../css/responsive.css">
  </head>
  <body>
    <div class="wrapper">
      <!-- 头部开始 -->
      <div class="header">
        <div class="header-con center ">
                 <span class="logo">music</span>
             <div class="nav">
             <ul class="clearfix fill">
               
               <li>
                 <a href="../index.html">
                   首页
                 </a>
               </li>
               <li>
                   <a href="song.html">
                     歌单
                   </a>
               </li>
               <li>
                 <a href="singer.html">
                   歌手
                 </a>
               </li>
               <li>
                   <a href="music-list.html">榜单</a>
               </li>
               <li>
                   <a href="MV.html">视频</a>
               </li>
               
             </ul>
           </div>
             <div class="actions all">
               <input placeholder="搜索音乐" class="all"> 
               <a class="loginbtn " href="login.html">登录</a>
               <a class="message"><img src="../img/index/akari.jpg"></a>
           </div>
         </div>
       </div>
      <!-- 头部结束 -->
      <div class="outside">
        <div class="outwrapper">
          <!-- 歌手以及歌曲 开始 -->
          <div class="singer_info">
            <div class="infomations">
              <p class="singer_name">Taylor Swift</p>
              <p class="intro_firt">
                2006年6月，泰勒·斯威夫特推出个人首支音乐单曲《Tim
                McGraw》，0月24日，发行个人首张同名音乐专辑《Taylor
                Swift》，该专辑标准版收录了《Tim McGraw》《Picture To
                Burn》《Teardrops On My
                Guitar》在内的11首歌曲；专辑实体版本上市首周获得3.9万张销量，登上美国公告牌200强专辑榜第19位。之后在公告牌专辑榜中排行第5，公告牌乡村专辑榜冠军后保持连续8周，前24保持91周。2007年10月，纳什维尔歌曲作家国际协会授予泰勒年度歌曲作家/艺术家奖，这使其成为赢得该奖项的最年轻歌手。11月7日，泰勒赢得了2007年乡村音乐协会最佳新人奖并表演《Our
                Song》。
              </p>
            </div>
            <div class="singer_songs">
              <ul class="ranking">
                <!-- 1 ends -->
                <li>
                  <span class="number">1</span>
                  <img src="../img/singerInfo/speak_now.jfif" alt="" />
                  <span class="song-name">Fearless</span>
                  <span class="singer">fearless</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 2 ends -->
                <li>
                  <span class="number">2</span>
                  <img src="../img/singerInfo/speak.jfif" alt="" />
                  <span class="song-name">Speak now</span>
                  <span class="singer">jump and fall</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!--3 ends -->
                <li>
                  <span class="number">3</span>
                  <img src="../img/singerInfo/beauty.gif" alt="" />
                  <span class="song-name">Speak now</span>
                  <span class="singer">be hera</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 4 ends -->
                <li>
                  <span class="number">4</span>
                  <img src="../img/singerInfo/lover.jpg" alt="" />
                  <span class="song-name">Lover</span>
                  <span class="singer">lover</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 5 ends -->
                <li>
                  <span class="number">5</span>
                  <img src="../img/singerInfo/enchanted.jpg" alt="" />
                  <span class="song-name">Speak now</span>
                  <span class="singer">mean</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 6 ends -->
                <li>
                  <span class="number">6</span>
                  <img src="../img/singerInfo/beauty.gif" alt="" />
                  <span class="song-name">Taylor Swift</span>
                  <span class="singer">13</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 7 ends -->
                <li>
                  <span class="number">7</span>
                  <img src="../img/singerInfo/biepa.jpg" alt="" />
                  <span class="song-name">RED</span>
                  <span class="singer">red</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 8 ends -->
                <li>
                  <span class="number">8</span>
                  <img src="../img/singerInfo/1989.jpg" alt="" />
                  <span class="song-name">1989</span>
                  <span class="singer">welcome to New York</span>
                  <i class="iconfont icon-xihuan"></i>
                  <a href="./music-play.html"
                    ><i class="iconfont icon-bofang1"></i
                  ></a>
                  <i class="iconfont icon-46-copy-copy-copy"></i>
                </li>
                <!-- 9 ends -->
              </ul>
            </div>
          </div>
          <!-- 歌手以及歌曲结束 -->
          <!-- 优质专辑推荐 开始 -->
          <div class="recom_album">
            <h3 class="titles">达人说</h3>
            <p class="recomm">优质推荐</p>
            <ul class="album_charts">
              <li class="list list_items01">
                <h3 class="listName">1989</h3>
                <img src="../img/singerInfo/1989.jpg" alt="" />
                <p class="des">
                  如果说《Red》是“霉霉”和“流行乐”签订的双边合作协议，那么《1989》就是一篇完整的婚姻誓词。
                </p>
                <div class="commints">
                  <span class="prefer">
                    <i class="iconfont icon-aixin_shixin"></i>
                    10.5k喜欢
                  </span>
                  <span class="hold">
                    <i class="iconfont icon-icon_favorite"></i>
                    6.1k收藏
                  </span>
                </div>
                <a href="" class="for_more">
                  <span> 查看专辑歌曲 </span>
                </a>
              </li>
              <!-- 1 ends -->
              <li class="list list_items02">
                <h3 class="listName">Speak Now</h3>

                <img src="../img/singerInfo/speak_now.jfif" alt="" />

                <p class="des">
                  如果说《Red》是“霉霉”和“流行乐”签订的双边合作协议，那么《1989》就是一篇完整的婚姻誓词。
                </p>
                <div class="commints">
                  <span class="prefer">
                    <i class="iconfont icon-aixin_shixin"></i>
                    10.5k喜欢
                  </span>
                  <span class="hold">
                    <i class="iconfont icon-icon_favorite"></i>
                    6.1k收藏
                  </span>
                </div>
                <a href="" class="for_more">
                  <span> 查看专辑歌曲 </span>
                </a>
              </li>
              <li class="list list_items03">
                <h3 class="listName">Taylor Swift</h3>
                <img src="../img/singerInfo/self.jfif" alt="" />
                <p class="des">
                  如果说《Red》是“霉霉”和“流行乐”签订的双边合作协议，那么《1989》就是一篇完整的婚姻誓词。
                </p>
                <div class="commints">
                  <span class="prefer">
                    <i class="iconfont icon-aixin_shixin"></i>
                    10.5k喜欢
                  </span>
                  <span class="hold">
                    <i class="iconfont icon-icon_favorite"></i>
                    6.1k收藏
                  </span>
                </div>
                <a href="" class="for_more">
                  <span> 查看专辑歌曲 </span>
                </a>
              </li>
              <li class="list list_items04">
                <h3 class="listName">Fearless</h3>
                <img src="../img/singerInfo/biepa.jpg" alt="" />
                <p class="des">
                  如果说《Red》是“霉霉”和“流行乐”签订的双边合作协议，那么《1989》就是一篇完整的婚姻誓词。
                </p>
                <div class="commints">
                  <span class="prefer">
                    <i class="iconfont icon-aixin_shixin"></i>
                    10.5k喜欢
                  </span>
                  <span class="hold">
                    <i class="iconfont icon-icon_favorite"></i>
                    6.1k收藏
                  </span>
                </div>
                <a href="" class="for_more">
                  <span> 查看专辑歌曲 </span>
                </a>
              </li>
              <li class="list list_items05">
                <h3 class="listName">Reputation</h3>
                <img src="../img/singerInfo/reputation.jpg" alt="" />
                <p class="des">
                  如果说《Red》是“霉霉”和“流行乐”签订的双边合作协议，那么《1989》就是一篇完整的婚姻誓词。
                </p>
                <div class="commints">
                  <span class="prefer">
                    <i class="iconfont icon-aixin_shixin"></i>
                    10.5k喜欢
                  </span>
                  <span class="hold">
                    <i class="iconfont icon-icon_favorite"></i>
                    6.1k收藏
                  </span>
                </div>
                <a href="" class="for_more">
                  <span> 查看专辑歌曲 </span>
                </a>
              </li>
              <li class="list list_items06">
                <h3 class="listName">Lover</h3>
                <img src="../img/singerInfo/lover.jpg" alt="" />
                <p class="des">
                  如果说《Red》是“霉霉”和“流行乐”签订的双边合作协议，那么《1989》就是一篇完整的婚姻誓词。
                </p>
                <div class="commints">
                  <span class="prefer">
                    <i class="iconfont icon-aixin_shixin"></i>
                    10.5k喜欢
                  </span>
                  <span class="hold">
                    <i class="iconfont icon-icon_favorite"></i>
                    6.1k收藏
                  </span>
                </div>
                <a href="" class="for_more">
                  <span> 查看专辑歌曲 </span>
                </a>
              </li>
            </ul>
          </div>
          <!-- 优质专辑推荐结束 -->
        </div>
      </div>
      <!-- 主体结束 -->
      <!-- 尾部开始 -->
      <footer class="footer">
        <div class="footer-con center">
          <div class="flink">
            <a href=""> 关于我们</a>
            <a href=""> 发展历程</a>
            <a href=""> 意见反馈</a>
            <a href="">
              <img src="../img/index/音乐.png" />
            </a>
            <a href="">
              <img src="../img/index/腾讯微博.png" />
            </a>
            <a>
              <img src="../img/index/淘宝,TAO,alibaba,1688.png" />
            </a>
            <a>
              <img src="../img/index/qq音乐.png" />
            </a>
            <span>QQ群：42931942</span>
            <span>MUSIC群： 373302682</span>
          </div>
          <p class="copyright">
            Copyright (c) 2013 <span class="green">music.com.</span> All Rights
            Reserved V 1.8.5 京ICP备13015845号-1
          </p>
        </div>
      </footer>

      <!-- 链接 展示 -->
      <div class="shareto">
        <div class="links">
          <p><i class="iconfont icon-icon-"></i></p>
          <p><i class="iconfont icon-QQ"></i></p>
          <p><i class="iconfont icon-weibo"></i></p>
        </div>
        
      </div>

      <!-- qa 开始 -->
      <div class="qa">
        <a href="">欢迎您进入music社区，向我们推荐您喜欢的歌手</a>
      </div>
    </div>
  </body>
</html>
